// 内容样式
.red-packet-wraps{
    .red-Packet-head{
        &>div{
            display: flex;
            justify-content: center;
            align-items: center;
            &>span:nth-child(1){
                font-size:18px;
                font-weight: bold;
            }
            &>span:nth-child(2){
                margin-left:16px;
                color:#5CB85C;
            }
        }
    }
    .add-store-table{
        padding:0px 30px;
    }
    .red-packet-wrap{
        padding:16px 30px 0px 30px;
        .red-packet-item{
            position: relative;
        }
        .red-packet-item-close{
            position: absolute;
            right:8px;
            top:8px;
            display:inline-block;
            width:30px;
            height:30px;
            line-height:30px;
            text-align:center;
            background:#ccc;
            color:#fff;
            border-radius: 50%;
            margin-top:0px;
            cursor: pointer;
        }
        .red-packet-item-close:hover{
            background:#dd9b83;
        }
        &>div{
            border:1px solid #ccc;
            border-radius:6px;
            padding:20px 30px;
            margin-bottom:20px;
            &>p:nth-child(1){
                font-size:16px;
                font-weight: bold;
            }
            &>div{
                margin-top:14px;
                input.layui-input-mini{
                    margin:0px 6px;
                }
                b{
                    margin:0px 4px;
                }
            }
        }
    }
    .add-red-packet-div{
        margin:0px 30px 16px 30px;
        border:1px dotted #ccc;
        border-radius:5px;
        height:40px;
        line-height:40px;
        text-align:center;
        cursor: pointer;
    }
    .add-red-packet-div:hover{
        border-color:#5CB85C;
        color:#5CB85C;
    }
    // 移动端ui配置
    .red-packet-mobile-set{
        padding:16px 30px;
        .red-packet-title{
            font-size:16px;
            font-weight:bold;
            margin:16px 0px;
        }
        .red-packet-mobile-item-wrap{
            display:flex;
            .set-ui-item{
                width:375px;
                height:1175px;
                background:linear-gradient(to bottom,#FF184F,#FB5B46);
                .set-ui-item-head{
                    background-color:#fff;
                    height:60px;
                    line-height:80px;
                    background-image:url(http://xiaowei.xy-asia.com/Public/User/Addons/MiniProgram/widget_config/images/head.png);
                    background-size:100%;
                    text-align:center;
                }
                .show-set-item{
                    cursor: pointer;
                }
                .get-red-packet-img{
                    height:414px;
                    &>img{
                        width:100%;
                        height:100%;
                    }
                }
                .red-packet-shadow{
                    margin:12px 15px;
                    background:rgba(255,255,255,.3);
                    border-radius:4px;
                    padding:8px 0px;
                    .red-packet-content{
                        margin:0 8px;
                        border-radius:4px;
                        background:#FFE6E6;
                        overflow:hidden;
                        &>div:nth-child(1){
                            font-size:18px;
                            text-align:center;
                            color:#333;
                            padding-top:18px;
                            padding-bottom:3px;
                            font-weight: bold;
                        }
                        &>div:nth-child(2){
                            font-size:12px;
                            text-align:center;
                            color:#333;
                        }
                        .coupon{
                            margin:13px;
                            background:#fff;
                            border-radius:5px;
                            display:flex;
                            &>div:nth-child(1){
                                width:94px;
                                height:96px;
                                display:flex;
                                justify-content: center;
                                align-items: center;
                                font-size:40px;
                                font-weight: bold;
                                color:#FE1E38;
                                div{
                                    font-size:14px;
                                    margin-top:8px;
                                    margin-left:4px;
                                }
                            }
                            &>div:nth-child(2){
                                display:flex;
                                justify-content: center;
                                flex-direction: column;
                                &>div:nth-child(1){
                                    font-size:18px;
                                    font-weight: bold;
                                    color:#333;
                                }
                                &>div:nth-child(2){
                                    font-size:12px;
                                    color:#999;
                                }
                                &>div:nth-child(3){
                                    font-size:12px;
                                    color:#999;
                                }
                            }
                        }
                        .get-red-packet-text{
                            text-align:center;
                            font-size:12px;
                            &>span{
                                color:#FE1E38;
                                margin-left:5px;
                            }
                        }
                        .get-red-packet-button{
                            display:flex;
                            height:50px;
                            justify-content: center;
                            align-items: center;
                            margin-bottom:10px;
                            div{
                                width:300px;
                                height:40px;
                                line-height:40px;
                                text-align:center;
                                border-radius:20px;
                                background:linear-gradient(to bottom,#FB5B46,#FF184F);
                                color:#fff;
                                font-size:17px;
                            }
                        }
                    }
                }
                // 手气
                .luck-text{
                    font-size:18px;
                    color:#FEFEFE;
                    text-align:center;
                    height:30px;
                    line-height:30px;
                }
                .show-luck-count{
                    text-align:center;
                    color:#fff;
                }
                .luck-shadow{
                    margin:12px 15px;
                    background:rgba(255,255,255,.3);
                    border-radius:4px;
                    padding:8px 0px;
                    .luck-content{
                        margin:0 8px;
                        border-radius:4px;
                        background:#FFE6E6;
                        overflow:hidden;
                        &>div:nth-child(1){
                            margin:29px 31px 29px 31px;
                            display: flex;
                            &>div:nth-child(1){
                                width:60px;
                                height:70px;
                                display:flex;
                                justify-content: center;
                                align-items: center;
                                &>img{
                                    width:48px;
                                    height:48px;
                                    border-radius:50%;
                                }
                            }
                            &>div:nth-child(2){
                                flex:1;
                                display:flex;
                                flex-direction: column;
                                justify-content: center;
                                border-bottom:1px solid #ddd;
                                &>div:nth-child(1){
                                    font-size:16px;
                                    color:#333;
                                }
                                &>div:nth-child(2){
                                    font-size:12px;
                                    color:#999;
                                }
                            }
                            &>div:nth-child(3){
                                width:60px;
                                display:flex;
                                flex-direction: column;
                                justify-content: center;
                                align-items: flex-end;
                                border-bottom:1px solid #ddd;
                                &>div:nth-child(1){
                                    color:#FE1E38;
                                    font-size:20px;
                                    span{
                                        font-size:12px;
                                        margin-top:4px;
                                    }
                                }
                            }
                        }
                    }
                }
                .activity-rules{
                    padding:0px 15px;
                    font-size:12px;
                    color:#fff;
                    height:130px;
                    overflow: auto;
                }
            }
            .set-set-item{
                width:375px;
                height:1175px;
                margin-left:80px;
                border:1px solid #aaa;
                position: relative;
                .set-set-item-common{
                    .head{
                        background:#ddd;
                        height:34px;
                        line-height:34px;
                        padding-left:16px;
                    }
                    .info{
                        padding:8px;
                        border-top:1px solid #ccc;
                    }
                    .item{
                        .title{
                            padding:8px;
                            border-top:1px solid #ccc;
                        }
                        .between-colum{
                            padding:10px 16px;
                            display: flex;
                            justify-content:space-between;
                            &>div:nth-child(1){
                                flex:1;
                                display:flex;
                                align-items: center;
                            }
                            &>div:nth-child(2){
                                width:110px;
                                display:flex;
                                justify-content: flex-end;
                                align-items: center;
                            }
                        }
                        .item-input{
                            padding:0px 16px 10px 16px;
                            input{
                                width:100%;
                            }
                        }
                        .extra-info{
                            color:#999;
                            padding:0px 16px;
                        }
                    }
                }
                .set-set-item-bottom{
                    position: absolute;
                    height:46px;
                    left:0px;
                    right:0px;
                    bottom:0px;
                    display:flex;
                    &>div{
                        flex:1;
                        display:flex;
                        justify-content: center;
                        align-items: center;
                        border-top:1px solid #ccc;
                        cursor: pointer;
                    }
                    &>div:hover{
                        background:#5CB85C;
                        color:#fff;
                    }
                    &>div:nth-child(2){
                        border-left:1px solid #ccc;
                        border-right:1px solid #ccc;
                    }
                }
            }
        }
        .red-packet-layer-wrap{
            display:flex;
            .layer-ui{
                width:375px;
                height:700px;
                position: relative;
                display:flex;
                flex-direction: column;
                .head{
                    background-color:#fff;
                    height:60px;
                    line-height:80px;
                    background-image:url(http://xiaowei.xy-asia.com/Public/User/Addons/MiniProgram/widget_config/images/head.png);
                    background-size:100%;
                    text-align:center;
                }
                .content{
                    flex:1;
                    background:#ddd;
                    display:flex;
                    justify-content: center;
                    align-items: center;
                    &>div{
                        width:280px;
                        height:238px;
                        border-radius:5px;
                        background:#fff;
                        .content-head{
                            font-size:18px;
                            color:#333;
                            text-align:center;
                            margin:23px 0px 9px 0px;
                        }
                        .content-info{
                            font-size:13px;
                            color:#999;
                            text-align:center;
                        }
                        .content-img{
                            height:114px;
                            display:flex;
                            justify-content: center;
                            align-items: center;
                            &>img{
                                width:107px;
                                height:105px;
                            }
                        }
                        .content-bottom{
                            display:flex;
                            height:48px;
                            font-size:17px;
                            &>div{
                                flex:1;
                                display:flex;
                                justify-content: center;
                                align-items: center;
                                border-top:1px solid #ddd;
                            }
                            &>div:nth-child(1){
                                border-right:1px solid #ddd;
                            }
                        }
                    }
                }
                .small-img{
                    width:35px;
                    height:35px;
                    position: absolute;
                    right:4px;
                    top:600px;
                    &>img{
                        width:100%;
                        height:100%;
                    }
                }
            }
            .layer-set{
                width:375px;
                height:700px;
                border:1px solid #ccc;
                margin-left:80px;
                position: relative;
                .head{
                    height:40px;
                    line-height:40px;
                    background:#ccc;
                    padding-left:10px;
                }
                .info{
                    border-bottom:1px solid #ccc;
                    padding:4px;
                }
                .title{
                    padding:4px 6px;
                    font-weight:bold;
                }
                .flex-between{
                    display: flex;
                    padding:4px 10px;
                    &>div:nth-child(1){
                        flex:1;
                        padding:0px 10px;
                    }
                    &>div:nth-child(2){
                        width:90px;
                    }
                }
                .content-bottom{
                    position: absolute;
                    left:0px;
                    right:0px;
                    bottom:0px;
                    display:flex;
                    height:48px;
                    &>div{
                        flex:1;
                        display:flex;
                        justify-content: center;
                        align-items: center;
                        border-top:1px solid #ddd;
                        cursor: pointer;
                    }
                    &>div:hover{
                        background:#5CB85C;
                        color:#fff;
                    }
                    &>div:nth-child(2){
                        border-left:1px solid #ddd;
                        border-right:1px solid #ddd;
                    }
                }
            }
        }
    }
}
// 关于form表单样式调整
.layui-input-inline.w650{
    width:650px;
}
.layui-input.layui-input-mini{
    width:80px;
    display:inline-block;
    height:34px;
    line-height: 34px;
}
.layui-input.layui-input-table-cell{
    width:90%;
    text-align:center;
    border-radius:4px;
    border:1px solid #ccc;
    height:26px;
    line-height:26px;
}
.radio-include-input .layui-form-radio{
    margin-top:0px;
    margin-right:0px;
    padding-right:0px;
    &>i{
        margin-right:4px;
    }
}
// from表单中的按钮
.form-mini-normal-btn{
    display:inline-block;
    height:18px;
    line-height:18px;
    border-radius:3px;
    padding:4px 12px;
    background: #5CB85C;
    color:#fff;
    cursor: pointer;
}
// 布局样式
.flex-two-between{
    display:flex;
    justify-content:space-between;
}
.padding10{
   padding:10px;
}
.padding-lr-16{
    padding-left:16px;
    padding-right:16px;
}
.margin-tb-10{
    margin-top:10px;
    margin-bottom:10px;
}
.margin-left-30{
    margin-left:30px;
}
.layui-form-item{
    width:850px;
}
.layui-form-item .layui-form-label{
    width:140px;
}
.user-icon-info-wrap{
    cursor: pointer;
    &:hover{
        color : #5CB85C;
    }
    .user-icon-tips{
        font-size:20px;
    }
    .user-icon-tips-text{
        margin-left:4px;
    }
}

// layui 样式覆盖
.layui-layer-tips div.layui-layer-content{
    background-color:#666;
    .layui-layer-TipsG{
        border-bottom-color:#666;
    }
}
.layui-colla-title {
    padding-left: 30px;
    background-color: #DDF2DF;
    color: #57BD61;
}
.layui-colla-icon {
    right: 10px!important;
    left: unset;
}
.layui-btn-normal{
    background:#5CB85C;
}
.layui-btn-danger{
    background:#999;
}
